<template>

      <div class="header">
        <div>
          <img src="../header/img/back.png" alt="" class="fl back" v-on:click="click1">
          <p class="fl">{{msg_header}}</p>
          <img src="../header/img/fx.png" alt="" class="fr">
        </div>
      </div>

</template>

<script>
    export default {
      props:["msg_header"],
      data(){
        return{
          msg_header:'',
          msg:'I like you!',
        }
      },
      components:{

      },
      created:{

      },
      mounted:{

      },
      methods:{
        click1(){
            this.$emit('child-say',this.msg);
        },
         onClickMe:()=>{

        }
      }
    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "../../static/css/mixins.styl";
      .fl
        float left;
      .fr
        float right;
      .header
        width 100%;
        height 30px;
        background #0af;
        div
          width 96%;
          margin 0 auto;
          height 30px;
          line-height 30px;
        img
          height 20px;
          vertical-align middle;
          margin-top 5px
        p
          color #fff;
          width 89%;
          text-align center;


</style>
